<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>register</title>
  <link rel="stylesheet" href="../../libs/bootstrap/dist/css/bootstrap.css" />
  <link rel="stylesheet" href="./css/register.css">
  <link rel="stylesheet" href="../public/css/base.css">
  <link rel="stylesheet" href="../public/iconfont/iconfont.css">
</head>

<body>
  <!-- 注册表单 -->


  <header><a href="../index/index.html"><img src="../public/images/logo.png" alt=""></a><span>免费注册</span>
    <div class="alert alert-success" role="alert">
      注册成功! <span>3</span>秒后跳转到登录页面
    </div>
    <div class="alert alert-danger" role="alert">注册失败 用户名重复!</div>
  </header>
  <div class="w1">
    <form>
      <div class="form-group">
        <label for="nickname"> 用户名 <span class="iconfont   icon-dui"></span> <span
            class="iconfont   icon-cuowu1"></span>
        </label>
        <input type="text" class="form-control" id="nickname" placeholder="请输入用户名" required autofocus autocomplete="off"
          maxlength="12" />
      </div>
      <div class="form-group">
        <label for="phonenum"> 手机号 <span class="iconfont   icon-dui"></span><span class="iconfont   icon-cuowu1"></span>
        </label>
        <input type="text" class="form-control" id="phonenum" placeholder="请输入手机号" required autocomplete="off"
          maxlength="11" />
      </div>
      <div class="form-group">
        <label for="username"> 账号 <span class="iconfont   icon-dui"></span><span class="iconfont   icon-cuowu1"></span>
        </label>
        <input type="text" class="form-control" id="username" placeholder="请输入账号" required autocomplete="off"
          maxlength="16" minlength="6" />
      </div>

      <div class="form-group">
        <label for="password" class="cryptographicStrength"> 密码 <span><i></i>
            <i></i><i></i></span></label>
        <div class="input-wrapper">
          <input type="password" class="form-control" id="password" required autocomplete="off" placeholder="请输入密码"
            maxlength="16" minlength="6" />
          <span class="iconfont toggle-icon icon-kejian"></span>
        </div>
      </div>
      <div class="form-group">
        <label for="rpassword"> 确认密码 <span class="iconfont   icon-dui"></span><span
            class="iconfont   icon-cuowu1"></span> </label>
        <div class="input-wrapper">
          <input type="password" class="form-control" id="rpassword" required placeholder="请确认密码" autocomplete="off"
            maxlength="16" minlength="6" />
          <span class="iconfont toggle-icon icon-kejian"></span>
        </div>
      </div>
      <div class="form-group form-check">
        <input type="checkbox" class="form-check-input" id="readAndAgree" />
        <label class="form-check-label" for="readAndAgree">我已阅读并接受以下条款：<a href="#">
            《淘京多隐私条款》
          </a></label>
      </div>
      <button type="submit" class="btn btn-primary" id="register">注册</button><a href="../login/login.html"
        id="login">已有账号?登录</a>
    </form>
  </div>

  <footer>
    <ul>
      <li><a href="#">关于我们</a></li>

      <li><a href="#">联系我们</a></li>

      <li><a href="#">人才招聘</a></li>

      <li><a href="#">商家入驻</a></li>

      <li><a href="#">广告服务</a></li>

      <li><a href="#">友情链接</a></li>

      <li><a href="#">销售联盟</a></li>
      <li><a href="#">社区公益</a></li>
    </ul>
    <p>Copyright © 2004-2023 taojingjduo.com 版权所有</p>
  </footer>
  <script src="../../libs/bootstrap/dist/js/bootstrap.js"></script>
  <script type="module" src="./js/register.js"></script>

</body>

</html>